<template>
  <view class="search-component-container">
    <nut-searchbar v-model="val" style="background: none;" input-background="#cfe6ff" >
      <template #leftin>
        <Search2 size="12" />
      </template>
    </nut-searchbar>
  </view>
</template>
<script setup>
import { Search2 } from "@nutui/icons-vue-taro";
import { ref } from "vue";

const val = ref("");
</script>

<style lang="scss">
.search-component-container {
  .nut-searchbar__search-input {
    border: 1rpx solid #fff;

  }
}
</style>
